<template>
    <div class="activity border-top">
        <div class="activity-item border-right">
            <img :src="imgUrl" alt="">
        </div>
        <div class="activity-item">
            <img :src="imgUrl" alt="">
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            imgUrl:'/api/img/active1.jpeg'
        
        }
    }
}
</script>
<style  scoped>
    .activity{
        margin-top: 0.2rem;
        position: relative;
        display: flex;
    }
    .activity .activity-item{
        flex: 1;
        font-size: 0.28rem;
        text-align: center;
        height: 1.4rem;
    }
    .activity .activity-item img{
        width: 100%;
        height: 100%;
    }
</style>